import { useState, useEffect } from 'react'
import { resourcePath } from '../../../utils/resource';
import './index.less';
export default function BlockTitle(props) {
    return <div className='layout-h center block-title mgb20' style={{
        backgroundImage: `url(${resourcePath.blockTitleBgPng})`,
        height: 56,
        width: 470,
        backgroundRepeat: 'no-repeat',
        backgroundSize: "100% 56px"
    }}>
        <div style={{
            backgroundImage: `url(${resourcePath.blockTitleIcoPng})`,
            height: 30,
            width: 30,
            backgroundRepeat: 'no-repeat',
            margin: "0 20px"
        }}>
        </div>
        <div className='title-text'>{props.children}</div>
    </div>;
}